﻿{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>python数据分析</title>
    <base href="/">
    <link rel="SHORTCUT ICON" href="../static/img/icon.png">
    <link rel="stylesheet" type="text/css" href="../static/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/index1.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/footer.css"/>
    <script type="text/javascript" src="../static/js/jquery.js"></script>
    <style type="text/css">
        .login_area {
            height: 30px;
            width: 70px;
        {#background-color: #03A9F4;#} float: right;
            margin-right: 200px;
            margin-top: -78px;
        }

        .login_area a:hover {
            color: #5db88a;
        }

        .current_user {
            {#background-color: #03A9F4;#}
            height: 50px;
            width: 50px;
            float: right;
            margin-top: -70px;
            margin-right: 40px;
            text-align: center;
        }

        .current_user img {
            height: 50px;
            width: 50px;
            border-radius: 50%;
        }
        .current_user a{
            text-align: center;
        }
    </style>
</head>
<body>
<!--nav-->
<div class="nav">
    <div class="logo">
        <img src="../static/img/logo.jpg">
    </div>
    <div class="login_area">
        <a href="/login/">登录</a>
        <a href="/logout/">退出</a>
    </div>
    <div class="current_user">
        <img src="../static/img/current_user.jpg" alt=""/>
        <a href="#">{{ username }}</a>
    </div>
</div>
<nav>
    <!--导航条-->
    <ul class="nav-main">
        <li><a href="">首页</a></li>
        <li id="li-1">在线数据分析<span></span></li>
        <li id="li-2">数据社区<span></span></li>
        <li id="li-3">数据可视化<span></span></li>
        <li><a href="/contact/">关于我们</a></li>
        <li><a href="/help/">帮助中心</a></li>
    </ul>
    <div id="box-1" class="hidden-box hidden-loc-index">
        <ul>
            <li><a href="/analysis/">数据分析</a></li>
        </ul>
    </div>
    <div id="box-2" class="hidden-box hidden-loc-us">
        <ul>
            {% for catagory in allcategory %}
                <li><a href="{% url 'index' %}blog/list{{ catagory.id }}">{{ catagory.nama }}</a></li>
            {% endfor %}
        </ul>
    </div>
    <div id="box-3" class="hidden-box hidden-loc-info">
        <ul>
            <li><a href="/visualization/bar/">数据可视化</a></li>
        </ul>
    </div>
</nav>
<div class="rotation-chart">
    <div class="box">
        <div class="box-1">
            <ul>
                <li>
                    <img src="../static/img/1.jpg" alt="这里是第一场图片"></img>
                    <h2>python数据分析</h2>
                </li>
                <li>
                    <img src="../static/img/2.jpg" alt="这里是第二张图片"></img>
                    <h2>python数据分析</h2>
                </li>
                <li>
                    <img src="../static/img/3.jpg" alt="这里是第三张图片"></img>
                    <h2>python数据分析</h2>
                </li>
                <li>
                    <img src="../static/img/4.jpg" alt="这里是第四张图片"></img>
                    <h2>python数据分析</h2>
                </li>
                <li>
                    <img src="../static/img/5.jpg" alt="这里是第五张图片"></img>
                    <h2>python数据分析</h2>
                </li>
            </ul>
        </div>
        <div class="box-2">
            <ul>

            </ul>
        </div>
        <div class="box-3">
            <span class="prev"> < </span>
            <span class="next"> > </span>
        </div>
    </div>
    <div class="chart_show">
        <img src="../static/img/chart_show.jpg" alt=""/>
    </div>
</div>
<div class="content">
    <div class="summary_title"><p style="font-size: 21px">-&nbsp;数据分析,是什么?&nbsp;-</p></div>
    <div class="summary">
        <div class="summary_left"><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>数据分析,</span>是指用适当的统计分析方法对收集来的大量数据进行分析，
            提取有用信息和形成结论而对数据加以详细研究和概括总结的过程。这一过程也是质量管理体系的支持过程。
            在实际生活中，数据分析可帮助人们作出判断，以便采取适当行动。</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据分析的数学基础在20世纪早期就已确立，但直到计算机的出现才使得实际操作成为可能，并使得数据分析得以推广。
                数据分析是数学与计算机科学相结合的产物，并且在这个大数据时代日渐流行。</p>
        </div>
        <div class="summary_right">
            <img src="../static/img/whatdata.jpg" alt=""/>
        </div>
    </div>
</div>
<div class="content11">
    <h2 class="summary_title">-&nbsp;我能得到什么?&nbsp;-</h2>
    <div class="summary1">
        <div class="summary_1">
            <img src="../static/img/index.jpg" alt=""/>
            <p>1.简介，方便的数据分析平台</p>
        </div>

        <div class="summary_2"><img src="../static/img/33.jpg" alt=""/>
            <p>2.可视化的分析结果</p>
        </div>
        <div class="summary_3"><img src="../static/img/44.jpg" alt=""/>
            <p>3.开源的算法代码</p>
        </div>
        <div class="summary_4"><img src="../static/img/55.jpg" alt=""/>
            <p>4.分析案例</p>
        </div>
    </div>
</div>
<div class="content">
    <h2 class="summary_title">-&nbsp;可采用的工具(包括但不限于)&nbsp;-</h2>
    <div class="summary">
        <div class="summary_left">
            <p>a.使用Excel等简单的工具进行初步數据分析。</p>
            <p>b.使用SPSS. WEKA. KNIME等 专业数据分析平台进行数据分析。</p>
            <p>c.使用matlab等商业数学软件进行数据分析。</p>
            <p>d.学习一门编程语言，如C Python. Java等 ，编写程序以进行更加符合需求的分析。</p>
            <p>或许我们没有SPSS等专业工具的功能强大，也没有Python等编程语言的功能全面。但我们致力于提供一个通用的，
                面向普通用户的平台，致力于降低数据分析的门槛。您无需掌握编程语言的复杂语法;
                无需掌握数据分析所需的复杂算法无需费力下载诸多非开源软件，海量数据，一站搞定。</p>

        </div>
        <div class="summary_right1">
            <img src="../static/img/77.jpg" alt=""/>
        </div>
    </div>
</div>
<div class="footer">
    <footer style="border-top: 1px solid ; background-repeat: repeat;"
            class="footer">
        <div class="footer-inner">
            <div class="fooert copyright" align="center">
                <a href="##" target="_blank">友情链接：</a>
                <a href="https://www.django.cn/" target="_blank">Django中文网</a>
                | <a href="https://www.runoob.com/" target="_blank">菜鸟教程</a>
                | <a href="http://pyecharts.org/#/zh-cn/" target="_blank">pyecharts</a> |
                <a href="http://sc.chinaz.com/tag_jiaoben/tupianlunbo.html" rel="sitemap">站长素材</a>
                | <a href="##" target="_blank">联系我们</a>
                <p><a href="/" title="dry">dry</a> 版权所有，保留一切权利 ! <a href="https://www.kkkuu.cn/">首页</a> © 2019-2020 ·
                    黔ICP备00000000号</p>
            </div>
    </footer>
</div>
<script src="../static/js/index.js"></script>
<script type="text/javascript">
    window.onload = function () {
        function $(param) {
            if (arguments[1] == true) {
                return document.querySelectorAll(param);
            } else {
                return document.querySelector(param);
            }
        }

        var $box = $(".box");
        var $box1 = $(".box-1 ul li", true);
        var $box2 = $(".box-2 ul");
        var $box3 = $(".box-3");
        var $length = $box1.length;

        var str = "";
        for (var i = 0; i < $length; i++) {
            if (i == 0) {
                str += "<li class='on'>" + (i + 1) + "</li>";
            } else {
                str += "<li>" + (i + 1) + "</li>";
            }
        }
        $box2.innerHTML = str;

        var current = 0;

        var timer;
        timer = setInterval(go, 2000);

        function go() {
            for (var j = 0; j < $length; j++) {
                $box1[j].style.display = "none";
                $box2.children[j].className = "";
            }
            if ($length == current) {
                current = 0;
            }
            $box1[current].style.display = "block";
            $box2.children[current].className = "on";
            current++;
        }

        for (var k = 0; k < $length; k++) {
            $box1[k].onmouseover = function () {
                clearInterval(timer);
            }
            $box1[k].onmouseout = function () {
                timer = setInterval(go, 2000);
            }
        }
        for (var p = 0; p < $box3.children.length; p++) {
            $box3.children[p].onmouseover = function () {
                clearInterval(timer);
            };
            $box3.children[p].onmouseout = function () {
                timer = setInterval(go, 2000);
            }
        }

        for (var u = 0; u < $length; u++) {
            $box2.children[u].index = u;
            $box2.children[u].onmouseover = function () {
                clearInterval(timer);
                for (var j = 0; j < $length; j++) {
                    $box1[j].style.display = "none";
                    $box2.children[j].className = "";
                }
                this.className = "on";
                $box1[this.index].style.display = "block";
                current = this.index + 1;
            }
            $box2.children[u].onmouseout = function () {
                timer = setInterval(go, 2000);
            }
        }

        $box3.children[0].onclick = function () {
            back();
        }
        $box3.children[1].onclick = function () {
            go();
        }

        function back() {
            for (var j = 0; j < $length; j++) {
                $box1[j].style.display = "none";
                $box2.children[j].className = "";
            }
            if (current == 0) {
                current = $length;
            }
            $box1[current - 1].style.display = "block";
            $box2.children[current - 1].className = "on";
            current--;
        }
    }
</script>
</body>
</html>